@import "bootstrap/bootstrap.less";

* {outline: none !important; -moz-outline-style: none !important; }

.centered-text {
  position: absolute;
  width:100%;
  text-align:center;
}

.white-ico {
  background-image: url(../img/glyphicons-halflings-white.png);
}

body {font-family:Candara, Arial, 'Lucida Grande CE', lucida, sans-serif; background: #FFF; width:100%; height:100%; }

h1 {font-size: 100px; color: @black; top: 50%; margin-top: -120px; .centered-text; }

#skipbreak {top: 50%; margin-top: -108px; .centered-text; }
#skipbreak a {position: absolute; margin-left: 120px; color: @gray; }

#numberofcycles {top: 50%; margin-top: -180px; .centered-text; }
#control {top: 50%; margin-top: 0px; .centered-text;
  a.btn-danger i {.white-ico; }
}

#name {top: 50%; margin-top: -220px; .centered-text; font-size: 30px;
  .question {font-size: 30px; position: absolute; margin-top: -6px; margin-left: 5px; color: @grayLight;
    &:hover {text-decoration: none; cursor: help; }
  }
}

#permission {text-align: center;
  .btn {margin-left: 5px; }
}


#welcome .modal-footer a i {.white-ico; }

footer {color: @grayLighter; bottom: 20px; .centered-text;
  a {color: @grayLighter; text-decoration: underline;
    &:hover {color: @grayLight; }
  }
}
